html{
    padding:0;
    margin:0;
    overflow-y:auto;
    overflow-x:hidden;
}
body{
    font-weight:normal;
    font-family: Poppins, Arial;
    padding:0;
    margin:0px;
    overflow-y:auto;
    overflow-x:hidden;
}
 a{
     text-decoration:none;
 }
.category ul{
	display:flex;
	margin:0;
	padding:0;
}   

.prod .col{
    width:30%;
}

.prod .col img{
    height:100px;
    width:100px;
}


#content{
    padding:5px;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: space-evenly;
}
#content .card{
    width:15% !important;
}
#cat_contents{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    
}


#cat_contents .items, .card{
    width:18%;
    font-weight:bolder;
    font-size:0.8em;
    text-align:center;
    margin:11px;
    border:none;
    background:#fff;
    
}


#content img, #cat_contents img{
    width:100px;
    height:100px;
}
 
.meat_cat{
    padding:0;
    margin:0;
    cursor: pointer;
}

.meat_cat li{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    
}
@media screen and (max-width:991px) {
#content{
    overflow: hidden;
    padding:5px;
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#content .card{
width:42% !important;
margin-left:auto;
margin-right:auto;
}

#content .card a{
        display:block;
        padding:10px;
        color:#333;
    }
    
#content .card-img-top img{
    width:130px;
    height:130px;
}
    .prod .col {
       width:30%;
        padding:10px;
    }
    .prod .col img{
        display:block;
        width:80px;
        height:80px;
    }
    #cat_contents .items, .card {
        width: 45%;
        margin: auto;
        margin-top: 8px;
    }

    #cat_contents img {
        width: 100px;
        height: 100px;
    }

    .products-display img {
        width: 100px;
        height: 100px;
    }
    

.meat_cat{
    padding:0;
    margin:0;
}

.meat_cat li{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    list-style-type:none;
    padding:7px;
}


#meats{
    flex-direction: column; 
}
    
#meats .card{width:95%; margin-left:auto;}
.prod .col img{
display:block;
width:100px;
height:100px;
}
        

}

.icon_info img{width:70px; height:70px;}
#meats img{
    height:250px;
    width:30%;
}


.form-control{width:70%;}

.flex-box{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-around;
    align-items:flex-start;
}

.product-items{
    margin-right:20px;
    padding:10px;
}

.product-item img{
 width:150px;
 height:150px;
}


/** footer begins here**/
.footer{
    text-align:left;
}
.footer a{
    text-decoration:none;
    color:#666;
    display:block;
    text-align:left;
}
.footer a:hover{
    text-decoration:none;
    color:#fff;
    display:block;
    text-align:left;
    font-size:1.2em;
}
.footer .socialLinks a{
background-color: #dc3545;
 color:#fff;   
}